/* --------------------NAVIGATION-------------------- */ #language_bar{position: fixed; left: 11px; bottom: 11px; width: 60px; background: #fff; -moz-border-radius: 2px; border-radius: 2px; text-align: center; border: 1px solid #ccc; padding-top: 5px; z-index: 999;} .like_buttom{float: left; width: 70px; height: 65px;} #header { padding-top: 45px; margin: 0px auto 15px auto; width:1092px; height: 81px; background: url(images/hd_main.png) 0px 45px no-repeat; } #header #logo{width: 297px; height: 73px; padding-left: 38px; padding-top: 0px;float: left; margin-right: 18px;} #header #logo a{display: block; width: 100%; height: 100%;} ul#nav{list-style: none; margin-left: 300px; padding-top: 8px;} ul#nav li a{float: left; height: 73px; margin-right: 10px;} a#produkt{background: url(images/hd_nav_prod.png); width: 175px;} a#info{background: url(images/hd_nav_info.png); width: 102px;} a#ater{background: url(images/hd_nav_ater.png); width: 231px;} a#kontakt{background: url(images/hd_nav_kon.png); width: 156px;} a#kontakt:hover,a#info:hover,a#produkt:hover,a#ater:hover{background-position: bottom;} #header .current{background-position: bottom;} /* INFO-DROPDOWN */ #info ul li a{ margin: 0px; padding: 0px; padding-top: 10px; padding-bottom: 10px; height: 23px; width: 187px; text-align: center; color: white; font-size: 1.3em; text-decoration: none; text-shadow: 0px 1px 1px #333; filter: dropshadow(color=#333, offx=0, offy=); } #info ul li a:hover{background: url(images/info_hover.png) no-repeat;} /* -------------------- TYPOGRAPHY -------------------- */ body{font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px} #content a{font-weight: bold; color: #e63036;text-decoration: none;} #content a:hover{background: #e63036; color: #fff;} #slider a:hover{background: none;} /*COMPENSATE SLIDER FOR ABOVE*/ #slider a.nivo-imageLink {background: none;} #slider div.nivo-directionNav a:hover {background:url(css/default/arrows.png) no-repeat;} #slider div.nivo-directionNav a.nivo-nextNav {background-position:-30px 0; right:15px;} #content h1 a:hover,#content h2 a:hover,#content h3 a:hover{background: none;} #content h1{font-size: 5em; padding-top: 20px;} #content h2{font-size: 3em;} #content h3{font-size: 2em;} #content h1 a, #content h2 a, #content h3 a{color:#000;} /* --------------------CONTENT-------------------- */ .content_padding{padding:20px; background: #fff;margin-bottom: 20px; /* ROUNDED CORNERS */ -moz-border-radius: 3px; /* FF1-3.6 */ -webkit-border-radius: 3px; /* Saf3-4, iOS 1-3.2, Android <1.6 */ border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; /* SHADOW */ -moz-box-shadow: 0px 1px 4px #999; /* FF3.5+ */ -webkit-box-shadow: 0px 1px 4px #999; /* Saf3.0+, Chrome */ box-shadow: 0px 1px 4px #999; /* Opera 10.5, IE9, Chrome 10+ */ } /* --------------------SIDEBAR-------------------- */ .sidebar ul{list-style: none;} .sidebar .pagenav{list-style: none; margin-left: 0px;} /* --------------------FOOTER-------------------- */ /* STICKY FOOTER */ html, body {height: 100%;} #wrapper {min-height: 100%;} #content {overflow:auto; padding-bottom: 120px;} /* must be same height as the footer */ #footer {position: relative; margin-top: -120px; /* negative value of footer height */ height: 120px; clear:both;} /*Opera Fix*/ body:before {/* thanks to Maleika (Kohoutec)*/ content:""; height:100%; float:left; width:0; margin-top:-32767px;/* thank you Erik J - negate effect of float*/ } /* IMPORTANT You also need to include this conditional style in the of your HTML file to feed this style to IE 6 and lower and 8 and higher. */ /* FOOTER STYLING */ #footer{ background: url(images/foot_bg.png) repeat-x 0px 11px; margin: 0px auto 0px auto; width:1062px; margin-top: -135px; } #footer .best{ height: 98px; background: url(images/foot_best.png) right no-repeat; } #footer .social{float: left; padding: 15px 0px 0px 30px; width: auto;} .social .content_padding ul{margin-bottom: 0px; margin-right: 13px;} .social .content_padding li{margin-left:10px; color:black; font-weight: bold;} .social .content_padding li a:link, .social .content_padding li a:hover, .social .content_padding li a:active, .social .content_padding li a:visited{color: black; text-decoration: none;} .lang-item {display: inline;}